﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
		<c:set var="ctx" value="${pageContext.request.contextPath}" />
		<html>

		<head>
			<link rel="stylesheet" href="${ctx}/common/common.css">
			<meta charset="utf-8">
			<title>产品检验详细</title>
			<meta name="renderer" content="webkit">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport"
				content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
			<link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/layui/css/modules/layer/default/layer.css"
				media="all">
			<link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/style/admin.css" media="all">
			<script src="${ctx}/common/plugins/layuiadmin/layui/layui.js"></script>

			<script src="${ctx}/common/plugins/layuiadmin/layui/lay/modules/layer.js"></script>

			<%-- <script src="${ctx}/common/plugins/publicJs/publicJs.js"></script> --%>
				<style>
					.layui-table-header {
						width: 100%;
					}

					.layui-table-header th {
						width: 20%;
						text-align: center;
					}

					.layui-products {
						border-bottom: 2px solid #e7e7e7;
						/*border-top: 2px solid #e7e7e7;*/
						margin: 10px 0px;
						padding: 5px 0px;
					}

					.layui-products_li {
						margin-left: 50px;
						border-bottom: 1px dashed #e7e7e7;
					}

					.layui-products_li:first-child {
						border: none;
					}

					.layui-col-md4 img {
						margin-right: 5px;
						width: 22px;
						height: 22px;
					}

					.layui-col-md4 img {
						margin-right: 5px;
						width: 22px;
						height: 22px;
					}

					.valtop {
						padding: 9px
					}
				</style>
		</head>

		<body>
			<!--主体内容层-->
			<form class="layui-form layui-col-md12" action="${ctx}/inspStandard/inspStandardSave">
				<div class="layui-fluid">
					<button type="button" id="rollback" class="layui-btn layui-btn-primary goback">返回</button>
					<div class="layui-row layui-col-space15">
						<!--输入框内容盒子-->
						<div class="layui-col-md12">
							<!--输入框-->
							<div class="layui-col-md6">
								<label class="layui-form-label">产品名称：</label>
								<div class="layui-input-block valtop">
									<input type="hidden" id="sourceId" name="sourceId" lay-verify="sourceId"
										value="${source.id }">
									<input type="hidden" id="type" name="type" value="${source.pType }">
									${source.sourceName }
								</div>
							</div>
							<!--产品类型选择通用下拉框-->
							<div class="layui-form-item layui-col-md6">
								<label class="layui-form-label">产品规格：</label>
								<div class="layui-input-block valtop">
									${source.specifications }
								</div>
							</div>
							<!--带搜索的通用搜索框-->
							<div class=" layui-col-md6">
								<label class="layui-form-label">单位：</label>
								<div class="layui-input-block valtop">
									${source.unit }
								</div>
							</div>
						</div>
					</div>
					<div class="layui-card">
						<div id="addCard" class="layui-card-body"
							style="padding: 10px 0px; border-top: 1px solid #e7e7e7;">
							<c:forEach items="${source.inspectList }" var="inspect">
								<div class="layui-row layui-col-space10 layui-products_li" style="border: none;">
									<div class="layui-col-md3 valtop">
										检验项目：
										${inspect.name }
									</div>
									<div class="layui-col-md3 valtop">标准值：
										${inspect.minValue }
										-
										${inspect.maxValue }
										${inspect.unit }
									</div>
									<div class="layui-col-md3 valtop">
										<span style="display: inline-block; float: left;">检测步骤：</span>
										${inspect.inspStep }
									</div>
									<div class="layui-col-md3 valtop">
										<span style="display: inline-block; float: left;">依据来源：</span>
										${inspect.source }
									</div>
								</div>
							</c:forEach>
							<!-- <div class="layui-form-item">
					<div class="layui-input-block">
						<button type="button" id="rollback"
							class="layui-btn layui-btn-primary">返回</button>
					</div>
				</div> -->
						</div>
					</div>
				</div>
			</form>
			<script type="text/javascript">
				document.getElementById("rollback").addEventListener("click",
					function () {
						window.history.back();
					});
			</script>
		</body>

		</html>